<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        video{
            /* 可以通过宽和高调整大小 */
            width: 800px;
            height: 200px;
        }
    </style>
</head>
<body>
    <!-- 第一种用法  和img一样  直接使用src导入 注意后缀 -->
    <!-- 只导入地址  不能播放 需要控制器来控制 -->
    <!-- <video src="media/mi.mp4" controls="controls"></video> -->


    <!-- 第二种写法使用标签导入 -->
    <!-- 使用source 标签的src导入 -->
    <!-- autoplay  在谷歌浏览器中会出现权限问题 -->
    <!-- muted 静音播放 -->
    <!-- 自动播放 autoplay="autoplay" muted="muted"  -->
    <video autoplay="autoplay" muted="muted" loop="loop" poster="media/mi9.jpg">
        <source src="media/mi.mp4" type="video/mp4">
    </video>-
</body>
</html>